<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接教学</title>
	</head>
	<body>
		<!-- 超链接（超文本链接）：通过点击文本，实现页面跳转
		 超链接元素 ： a
		 超链接属性：必须属性 href="路径+全称"
		 表现形式：（1--6）-->
		 <!-- 1.跳转至页面:路径+文件全称-->
		 <a href="大风车.html">大风车</a> <br>
		 
		 <!-- 2.跳转至本地：#【占位符】-->
		 <a href="#">跳转本地</a>  <br>
		 
		 <!-- 3.到互联网页面:http://www.baidu.com-->
		 <a href="http://www.baidu.com" target=""">百度</a> <br>
		 
		 <!-- 4.实现下载:引入压缩包 -->
		 <a href="1.zip">下载功能</a>  <br>
		 
		 <!-- 5.到邮箱：mailto:+邮箱-->
		 <a href="mailto:3414006917@qq.com">跳转至邮箱</a> <br>
		 
		 <!-- 6.到JavaScript：
		 target属性：跳转的打开方式
		     属性值：_self 默认，当前窗口打开，覆盖页面
			        _parent当前父页打开，没有父页效果如上
					_top 在整个浏览器打开页面，忽略整个页面结构，占满全屏
					_blank 新打开一个页面，页面不会覆盖【*】-->
		 <a href="javascript:alert('欢迎学习js')">到JS</a>
		 
		 <h1>锚点技术</h1>
		 <!-- 1.锚点(返回顶部)三要素： 定义锚点  锚点距离  锚点位-->
		 <!-- 定义锚点-->
		 <a href="#sb">抛锚人</a>
		 
		 <!-- 锚点距离 填充页面高度（左右等宽）-->
		 <div style="height: 1000px;"></div>
		 
		 <!-- 锚点位   超链接name(传参属性)【将前台数据传至后端】 
		                        属性值自定-->
		 <a name="sb"><img src="img/zhang.jpg" alt="丈"></a>
		 
		 <!-- 重点：锚点三要素，六种表现形式-->
		 
		 
		 
		 
		 
		 
	</body>
</html>